 
#banner {
    z-index: 1;
 
}

a {
    color: inherit;
}
 
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.imgRotate{
 
animation: rotation 10s linear infinite;
 
}

.hb12  {
    overflow: hidden;
}
.hb12  img{  
    cursor: pointer;  
    transition: all 0.5s; /* 所有的属性变化在0.5s的时间段内完成 */
}  



.hb12  img:hover{  
    transform: scale(1.2); /* 鼠标放到图片上的时候图片按比例放大1.5倍   */
}  



.main-title {
    display: block;
    text-align: center;
    color: #404040;
    padding-top: 1em;
    margin-bottom: 2em;
}

.main-title h3 {
    font-size: 30px;
    color: #404040;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.7;
}

.mian-title p {
    font-size: 14px;
}




/***************************************************************************************************/
#wel {
    background: #000000;
   
}

.wel {
    display: flex;
    max-width: 1200px;
    margin:  0 auto;
    line-height: 2em;
    color: white;
        justify-content: space-between;
}


body {
 
} 

#top {
    position: relative;
    top:  0;
    width: 100%;
    
    z-index: 100;
    height: 100px;
}

#banner {
   /*padding-top: 100px;*/
}

#top  .logo {
    position: relative;
    left: 30px;
    top: 5px;
}

#top .nav {
    float: right;
}

#top  a {
    display: inline-block;
    padding-bottom: 20px;
    line-height: 60px;
    color: #333;
    padding:  0 1em;
    padding-top: 15px;
}
#top  .nav a:first-child , #top .nav a:hover {
    border-bottom: 4px solid red;
}
/*****************************************/

#home-four-con {
    width: 1168px;
    position: relative;
    z-index: 99999;
    top: -50px;
    background: url(/static/huichi/homefour.png) center;
    height: 120px;
     margin:  0 auto;
}


#home-four-con .tel {
    position: absolute;
    font-size: 30px;
    color: white;
    left: 30px;
    bottom:  20px;
   
}


.w12 {
    width: 1200px;
    margin:  0 auto;
    display: flex;
    justify-content:  space-between;
    flex-wrap:  wrap;
}


.w12 > * {
    width: 24%;
}



#home-cpzx-list {
        margin-top: -50px;
}


#home-cpzx-list  .unit{
    width: 236px;
    height: 194px;
    background: url(/static/huichi/list-1.png);
}

 #home-cpzx-list  .unit-1{ 
    background: url(/static/huichi/list-1.png);
}

 #home-cpzx-list  .unit-2{ 
    background: url(/static/huichi/list-2.png);
}

 #home-cpzx-list  .unit-3{ 
    background: url(/static/huichi/list-3.png);
}
 #home-cpzx-list  .unit-4{ 
    background: url(/static/huichi/list-4.png);
}


#home-cpzx-list .unit   .con {
    width: 154px;
    height: 100%;
    float: right;
    background: url(/static/huichi/list.png);
    color: white;
} 

#home-cpzx-list .unit:hover    .con, #home-cpzx-list  .unit:first-child   .con {
    width: 154px;
    height: 100%;
    float: right;
    background: url(/static/huichi/list-hover.png);
} 


#home-cpzx-list .unit   .con a {
    display: block;
    text-align: center;
}

#home-cpzx-list .unit   .con a.h3 {
    font-size: 1.2em;
    padding-top: 0em;
    line-height: 2.5em;
}


#home-cpzx-list .unit   .con a.a {
    line-height: 1.7em;
    margin-bottom: 0.5em;
    border: 1px dotted white;
    width: 80%;
    position: relative;
    left: 13%;
        overflow: hidden;
            text-overflow: ellipsis;
                white-space: nowrap;
}





#home-cpzx-hot {
    
}
#home-cpzx-hot .w12  a:first-child p  , #home-cpzx-hot .w12  a:hover p {
    background: #c62b1b;
    color: white;
}



#home-cpzx-hot .w12  a img   {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid black;
}


#home-cpzx-hot .w12  a  p {
    margin-bottom: 30px;
    margin-top: 10px;
    background: #ccc;
    line-height: 2.4em;
    text-align: center;
}



#home-gongsi {
      background: url(/static/huichi/gongsi.jpg) center;  
     height: 685px;
     color: white;
}


#home-gongsi  * {
    color: white;
}

#home-gongsi .mainw {
    position: relative;
    height: 567px;
}

#home-gongsi .con {
    position: absolute;
   top: 107px;
   right: 30px;
   width: 500px;
   overflow:  visible;
}

#home-gongsi .con  h3 {
    font-size: 1.5em;
    line-height: 2em;
    margin-bottom:  0;
}
#home-gongsi .con p {
    line-height: 1.7em;
}

#home-gongsi .con .tel {
    font-size: 2em;
    right: 15px;
    top: 300px;
    font-weight: bold;
    position: absolute;
}
 



#home-gcal {
    
}

#home-gcal .w12 a  {
    position: relative;
}

#home-gcal  .w12 p {
    position: absolute;
    width: 100%;
    bottom: 10px;
    line-height: 2em;
    text-align: center;
    background: rgba(0,0,0, 0.5);
    text-align: left;
    padding-left: 2em;
    box-sizing: border-box;
    color: white;
}








 
 


#tonglan {
      background: url(/static/huichi/tonglan.png) center;  
     height: 207px;
}

#news {
  background: url(/static/huichi/news.jpg) center bottom;  
  padding-bottom: 2em;
}



#news  .news {
        background: rgba(255,255,255, 0.8);
    padding: 10px;
    box-sizing: border-box;
    
}

#home-news .news-tilte {
 
    font-size: 24px;
    font-weight: bold; 
    display: block;
    margin-bottom: 18px;
}
 

#home-news .news-tilte .more {
    font-size: 16px;
    display: inline-block;
    float: right;
    font-weight: normal;
}


#home-news .qyxw {
    display: inline-block;
    width: 690px;
}


#home-news .qyxw  .top {
    display: block;
}
#home-news .qyxw  .top img {
    display: inline-block;
    width: 252px;
    height: 162px;
}

#home-news .qyxw  .top .info {
    display:  inline-block;
    width: 425px;
    float: right;
}

#home-news .qyxw  .top .info  h3 {
    margin-bottom: 10px;
}

#home-news .qyxw  .top .info  p {
    line-height: 1.5em;
}

#home-news .qyxw  .top .info  span {
    color: #d90405;
    margin-top: 20px;
    display: inline-block;
    background: red;
    color: white;
    line-height: 2em;
    padding:  0 20px;
    float: right;
}



#home-news .qyxw  li {
    line-height: 2.4em;
    border-bottom: 1px dotted #ccc;
        background:  url(/static/huichi/news-li-dot.png) no-repeat left 5px center;
        padding-left: 35px;
        box-sizing: border-box; 
}


#home-news .qyxw  li .d {
    display: inline-block;
    float: right;
}









#home-news .hydt {
    display: inline-block;
    width: 449px;
    float: right;
}



#home-news .hydt li {
    display: inline-block;
    width: 449px;
    float: right;
 
         height: 48px;
         margin-bottom: 1px;
             margin-right: 25px;

}

#home-news .hydt li.hover, #home-news .hydt li:hover {
/*background: linear-gradient(to right , #082d5f , #0061c6);*/
        color: red;
        background: #ccc;
}



#home-news .hydt li  a {
    line-height: 48px;
    /*color: white;*/
    padding-left: 45px;

        width: 361px;
            overflow: hidden;
                text-overflow: ellipsis;
                    white-space: nowrap;
                        display: block;
       background:  url(/static/huichi/news-li-dot.png) no-repeat left 5px center;

}

#home-news .hydt li  a  span {
    float: right;
}




#links {
    margin-top: 2em;

    background: rgba(255,255,255, 0.8);
    padding: 0.5em;
}



#footer {
    background: #22292a;
 
    color: #cccccc;
 
}

#footer .mainw {
        border-bottom: 1px solid #ccc;
}

#footer  h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px dotted #666;
    color: white;
    padding-top: 30px;
    padding-bottom: 5px;
}

#footer  a {
    color: inherit;
}

#footer   .unit {
    float: left;
    
}

#footer   .unit.item-1 a  {
    display: block;
    width: 185px;
    padding-top: 18px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #666;
}
#footer   .unit.item-2 {
 
    width: 400px;
}

#footer   .unit.item-2 p {
      display: block;
 
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #666;
    padding-left: 30px;
    line-height: 2.4em;
  
}
#footer   .unit.item-2 p.phone { background: url(/static/huichi/footer-phone.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.tel { background: url(/static/huichi/footer-tel.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.fax { background: url(/static/huichi/footer-fax.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.email { background: url(/static/huichi/footer-email.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.you { background: url(/static/huichi/footer-postcode.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.address { background: url(/static/huichi/footer-address.png)  center left 3px no-repeat;}

#footer   .unit.message {
    width: 425px;
 margin-left: 30px;
}

#footer   .unit.message  .info {
    display: inline-block;
    width: 20%;
    line-height: 40px;
    vertical-align:  central;
 
}

#footer   .unit.message  input {
    width: 70%;
    height: 20px;
    padding: 5px;
    margin: 10px;
     font-size: 16px;
         background: rgba(0,0,0,0);
             border: 1px solid white;
             border-radius: 5px;
                color: white;
}

#footer   .unit.message  textarea {
     width: 70%;
 
    padding: 5px;
    margin: 10px;
    height: 65px;
    font-size: 16px;
        background: rgba(0,0,0,0);
             border-radius: 5px;
             color: white;
             border: 1px solid white;
} 

#footer   .unit.message  .line {
    position: relative;
}

#footer   .unit.message .ab {
    position: absolute;
    top: 50px;
    left: 0;
}


#footer .ewm {
    float: right;
    width: 280px;
    margin-top: 60px;
    color: white;
    text-align: center;
}
#footer .ewm  .con {
   
}







#footer .ewm  .tel {
    margin-top: 30px;
    background: url(/static/huichi/ewm-tel.png) left center no-repeat; 
    padding-left: 30px;
}
#footer .ewm  .tel .nu {
    font-size: 30px;
}





#footer .ewm  .con .unit.right {
    float: right;
} 

#footer   .unit.message #submit {
    height: 40px;
    width: 100px;
    background: red;
    color: white;
    border: 0;
}

#copyright {
 
    line-height: 50px;
    color: white;
    text-align: center;
    font-size: 16px;

    
    background: #000000;
    
    color: white;
}





